<template>
    <div class="white">
      <!--头部 开始-->
      <header class="fix">
        <a href="javascript:history.go(-1);" class="returnBtn"></a>
        热门话题列表
        <a href="#" class="shareBtn"></a>
      </header>
      <!--头部 结束-->
      <!--中间 开始-->
      <main>
        <div class="hotList">
          <ul>
            <li>
              <a href="#">
                <div class="hotListLeft">
                  <em>活动</em>
                  <img src="../../images/temporary/8.jpg">
                </div>
                <div class="hotListRight">
                  <span>#6.26爆款#</span>
                  <p>每日最新最全的爆款素材，等待你的一键分享</p>
                  <em>38条动态</em>
                </div>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="hotListLeft">
                  <img src="../../images/temporary/8.jpg">
                </div>
                <div class="hotListRight">
                  <span>#6.26爆款#</span>
                  <p>每日最新最全的爆款素材，等待你的一键分享</p>
                  <em>38条动态</em>
                </div>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="hotListLeft">
                  <img src="../../images/temporary/8.jpg">
                </div>
                <div class="hotListRight">
                  <span>#6.26爆款#</span>
                  <p>每日最新最全的爆款素材，等待你的一键分享</p>
                  <em>38条动态</em>
                </div>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="hotListLeft">
                  <img src="../../images/temporary/8.jpg">
                </div>
                <div class="hotListRight">
                  <span>#6.26爆款#</span>
                  <p>每日最新最全的爆款素材，等待你的一键分享</p>
                  <em>38条动态</em>
                </div>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="hotListLeft">
                  <img src="../../images/temporary/8.jpg">
                </div>
                <div class="hotListRight">
                  <span>#6.26爆款#</span>
                  <p>每日最新最全的爆款素材，等待你的一键分享</p>
                  <em>38条动态</em>
                </div>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="hotListLeft">
                  <img src="../../images/temporary/8.jpg">
                </div>
                <div class="hotListRight">
                  <span>#6.26爆款#</span>
                  <p>每日最新最全的爆款素材，等待你的一键分享</p>
                  <em>38条动态</em>
                </div>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="hotListLeft">
                  <img src="../../images/temporary/8.jpg">
                </div>
                <div class="hotListRight">
                  <span>#6.26爆款#</span>
                  <p>每日最新最全的爆款素材，等待你的一键分享</p>
                  <em>38条动态</em>
                </div>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="hotListLeft">
                  <img src="../../images/temporary/8.jpg">
                </div>
                <div class="hotListRight">
                  <span>#6.26爆款#</span>
                  <p>每日最新最全的爆款素材，等待你的一键分享</p>
                  <em>38条动态</em>
                </div>
              </a>
            </li>

          </ul>
        </div>
      </main>
    </div>
</template>

<script>
    export default {
        name: "hotTopic"
    }
</script>

<style scoped>
  @import "../../css/other/secondLevel.css";
</style>
